<template>
  <div>
    <!--      数据展示-->
    <a-row :gutter="32" id="oneHang">
      <!--帖子总数-->
      <a-col :xs="12" :sm="12" :md="8" :xl="8" class="aCol">
        <a-card class="aCard">
          <div slot="cover">
            <div class="title">帖子总数</div>
          </div>
          <div class="number">
            <div>16515</div>
          </div>
        </a-card>
      </a-col>
      <!--今日帖子数-->
      <a-col :xs="12" :sm="12" :md="8" :xl="8" class="aCol">
        <a-card class="aCard">
          <div slot="cover">
            <div class="title">今日帖子数</div>
          </div>
          <div class="number">
            <div>15454</div>
          </div>
        </a-card>
      </a-col>
      <!--帖子回复数-->
      <a-col :xs="12" :sm="12" :md="8" :xl="8" class="aCol">
        <a-card class="aCard">
          <div slot="cover">
            <div class="title">今日主题</div>
          </div>
          <div class="number">
            <div>1576154</div>
          </div>
        </a-card>
      </a-col>
    </a-row>
    <!--      帖子管理与热帖查看-->
    <a-row :gutter="32">
      <!--帖子管理-->
      <a-col
        :xs="24"
        :sm="24"
        :md="24"
        :xl="16"
        class="aColgl"
        style="height: auto">
        <a-card class="aCardgl" title="帖子管理">
          <TzGlTable slot="cover"></TzGlTable>
        </a-card>
      </a-col>
      <!--热帖查看-->
      <a-col
        :xs="24"
        :sm="24"
        :md="24"
        :xl="8"
        class="aColgl"
        style="height: auto" >
        <a-card class="aCardgl">
          <div style="padding-left: 15px;padding-top: 12px" slot="cover">热帖浏览</div>
          <div>
            <RtLlList></RtLlList>
          </div>
        </a-card>
      </a-col>
    </a-row>
  </div>
</template>

<script>
  import TzGlTable from '@/views/my/manage/SqGl/TzGlTable'
  import RtLlList from '@/views/my/manage/SqGl/RtLlList'

  export default {
    name: 'SqGl',
    mixin: { TzGlTable },
    components: { RtLlList, TzGlTable },
    data() {
      return {
        url: {
          getAllTz: '/my/qzInfo/getAllTz'
        }
      }
    }
  }
</script>

<style scoped>
    #oneHang .title {
        font-size: 32px;
        color: #000000;
        margin-left: 20px;
        margin-top: 8px;
    }

    .aCard {
        height: 100%;
        width: 100%;
        color: #2eabff;
    }

    .aCol {
        margin-bottom: 18px;
        margin-top: 25px;
        height: 200px;
    }

    .number {
        float: right;
        font-size: 36px;
    }

    .aColgl {
        margin-top: 30px;
        height: 450px;
    }

    .aCardgl {
        height: 100%;
        width: 100%;
    }

</style>